<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title> <style>
    .fg_main_container{
        display: flex;
        width: 900px;
        flex-direction: column;
        padding:  10px;
        background-color: white;
        border: 1px solid #CCCCCC;
        border-radius: 2%;
    }
    h1 {
        margin-bottom: 20px;
        font-size: 35px;
        padding: 0 0 0 20px;
    }
    h1 span.h1-text {
        /* min-width: 240px; */
        float: left;
        color: #fff;
        padding: 5px 60px 5px 20px;
        -webkit-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
        background-image: url(/file/image/title-bg.png) !important;
    }
    h1 span.h1-corner {
        float: left;
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 31px solid transparent;
        border-left: 30px solid #f7cc52;
        border-bottom: 25px solid #f7cc52;
        border-right: 28px solid transparent;
    }
    .fg-bgc {
        background-color: #f7cc52;
    }
    /*    子容器 */
    .fg_container{
        display: flex;
        padding: 0px 20px;
    }
    .left{
        flex: 1;
        border: 1px solid;
        border-radius: 2%;
        margin-right: 50px;
        padding: 0 5px;
    }
    .right{
        padding: 0 5px;
        flex: 1;
        border: 1px solid;
        border-radius: 2%;
    }
    .feature-list li{
        min-height: 50px;
    }
    li>p{
      /*text-indent: 2em;*/
        color: #777777;
    }
    .socre{
        color: black;
    }

</style>

</head>

<body>
<section class="fg_main_container">
    <h1 class="cover"><span  th:text="|学生:${info.studentName}的信息资料|" class="h1-text fg-bgc"></span><span class="h1-corner fg-bdc"></span>
    </h1>

    <div class="fg_container">
        <section class="left">
            <h2 style="text-indent: 4px" th:text="|-申请部门: ${info.departments.dename}-|"></h2>
            <ul class="feature-list">
                <li>
                    <h3>对学社的看法</h3>
                    <p th:text="${info.usersuggest}"></p>
                </li>
                <li>
                    <h3>自我评价</h3>
                    <p th:text="${info.evaluation}">

                    </p>
                </li>
                <li>
                    <h3>加入初衷</h3>
                    <p th:text="${info.initial}"></p>
                </li>
                <li>
                    <h3>测试分数</h3>
                    <p style="">
                        <b class="socre">笔试分数:</b>  <span th:text="${info.penexam}"></span> <br>
                    </p>
                    <p style="">
                        <b class="socre">机试分数:</b>  <span th:text="${info.computerexam}"> </span> <br>
                </p>
                    <p style="">
                        <b  class="socre">面试分数:</b>  <span th:text="${info.interview}"> </span><br>

                      </p>
                </li>
            </ul>
        </section>
        <section class="right">
            <h2 style="text-indent: 4px">-老师的点评-</h2>
            <ul class="feature-list">
                <li>
                    <h3 th:text="|班主任-${info.lifeTchName}评语|"></h3>
                    <p th:text="${info.lifetchopinion}"></p>
                </li>
                <li>
                    <h3 th:text="|教员-${info.tchName}评语|"></h3>
                    <p th:text="${info.tchopinion}">
                    </p>
                </li>

                <li>
                    <h3>部门老师评语</h3>
                    <p th:text="${info.detchopinion}">

                    </p>
                </li>
                <li>
                    <h3>校长评语</h3>
                    <p th:text="${info.rectorOpinion}">
                    </p>
                </li>
            </ul>
        </section>
    </div>
</section>


</body>
</html>